{include file="public/mobileheader"}
<style>
    body{
        padding-top: 45px;
    }
    .bar{
        width: 50%;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        margin-top: 9px;
        float: left;
        border: 1px solid grey;
        border-radius: 3px;
        padding: 3px;
    }
    .bar-active{
        background: #47eef7;
    }
    .mui-icon{
        display: inline-block;
        text-align: center;
    }
    .bar_content{

    }
    .keyList{
        margin-left: 3em;
        font-weight: 600;
        background: #9dd1f9;
        padding: 2px 5px;
        border-radius: 3px;
    }
</style>

    <body>
    <header class="mui-bar mui-bar-nav">
        <a onclick="window.history.go(-1)" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">激活码库仓</h1>
    </header>
    <div style="margin-bottom: 3em;">
        <a href="{:url('keyInventory')}" class="bar">已激活</a>
        <a href="{:url('keyInventory1')}" class="bar bar-active">未激活</a>
    </div>
    <div class="bar_content disp">
        <div class="mui-card">
            <ul class="mui-table-view">
                <li class="mui-table-view-divider">未激活的激活码列表</li>
                {volist name='keys' id='data'}
                    <li class="mui-table-view-cell">{$data['id']}<span class="keyList">{$data['key']}</span> <span class="mui-badge mui-badge-success">{$data['create_time']}</span></li>
                {/volist}
            </ul>
        </div>
    </div>

    {include file="public/nav"}
    {include file="public/mobilefooter"}
    </body>
</html>